<ul id="article-list" >
    <li class="card article-card" ng-repeat="doc in docs">
        <p class="article-title"><a ng-href="{{'#/articleInfo/' + doc.id}}" ng-bind="doc.title"></a></p>
        <div class="info">
            <p class="author" ng-bind="doc.author"></p>
            <span>|</span>
            <time ng-bind="doc.date"></time>
            <span class="icon"><i class="icons share"></i>4</span>
            <span class="icon"><i class="icons agree"></i>3</span>
            <span class="icon"><i class="icons comment"></i>2</span>
            <span class="icon"><i class="icons read"></i>1</span>
        </div>
        <a class="article-img" ng-href="{{'#/articleInfo/' + doc.id}}">
            <img ng-src="{{doc.image}}">
        </a>

        <p class="abstract"><span ng-bind="doc.abstract"></span><a ng-href="{{'#/articleInfo/' + doc.id}}">全文>></a></p>
    </li>
</ul>

<div class="page-box">
    <div class="page-line">
        <ul class="num-line">
            <li class="num ">1</li>
            <li class="num active">2</li>
            <li class="num">3</li>
            <li class="num">4</li>
            <li class="num">5</li>
            <li class="num">6</li>
        </ul>
        <form>
            <input type="text" name="page" title="">
            <label>/11页</label>
            <input type="submit" value="">
        </form>
    </div>
</div>